import React,{Component} from 'react';
import { NavLink} from 'react-router-dom';
import './header.css';
import { Row, Col,Icon } from 'antd';
export default class extends Component{


    render(){
        return (<div  className="header">
            
            
            <div style={{heigth:"60px",lineHeight:"60px",width:"10rem",minWidth:"320px",margin:"0 auto"}}>
                <Row>
                    <Col span={6}>
                        <NavLink to="/index/home"  activeClassName="nav-active">
                            <Icon type="home" />  
                        </NavLink>
                    </Col>
                    <Col span={6}>
                        <NavLink to="/index/explore" activeClassName="nav-active">
                            <Icon type="search" />  
                        </NavLink>
                    </Col>
                    <Col span={6}>
                        <NavLink to="/index/notifications" activeClassName="nav-active">
                            <Icon type="bell" />  
                        </NavLink>
                    </Col>
                    <Col span={6}>
                        <NavLink to="/index/messages" activeClassName="nav-active">
                            <Icon type="message" />  
                        </NavLink>
                    </Col>
                    
                </Row>
            </div>
            
            </div>)
    }
}